<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>阳泉云链-资产详情</title>
	<link rel="stylesheet" href="../style/reset.css">
	<link rel="stylesheet" href="../style/main.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header-bar">
		<div class="top-bar">
			<div class="com-width">
				<div class="left-area fl">
					<a href="#" class="inform">
						阳泉云链成功上线啦！
						</a>
						<a href="#" class="inform-text">2017-07-12</a>
				</div>
				<ul class="right-area fr">
					 <li class="phone"><a href="#" >151****1111</a></li>
			        <li  class="exit"><a href="#">退出</a></li>
			        <li class="mobile">
				    	<div class="phone-qr">
							<img src="../images/about.png" />
							<!-- <p>下载手机APP</p> -->
				        </div>
		            	<a href="#">手机客户端</a>
		            </li>
			        <li class="weixin-hover about">
			            <div class="weixin-qr">
							<img src="../images/about.png" />
							<!-- <p>关注微信公众号</p> -->
			            </div>
			            <a href="#"></span>关注微信号</a>
			        </li>
			         <li class="help"><a  href="help.html" target="_blank" title="帮助中心" >帮助中心</a></li>
			    </ul>
			</div>
		</div>
		<div class="logo-bar">
			<div class="com-width">
				<div class="logo fl">
					<a href="home.html"><img src="../images/logo.png" alt="阳泉云链"></a>
				</div>
				<div class="nav fr">
					<ul class="nav-content">
						<li class="current"><a href="home.html" class="home">首页</a></li>
						<li><a href="financing.html">供应链融资</a></li>
						<li><a href="invest.html">我要投资</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="personal.html">我的账户</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 个人中心主内容 -->
	<div class="personal-container">
		<div class="pre-com-width">
			<div class="personal-left">
				<div class="user-box">
					<div class="head"></div>
					<div class="info-icon">
						<ul class="icon-list">
							<li class="name-tip"></li>
							<li class="mobile-tip"></li>
							<li class="card-tip"></li>
							<li class="pass-tip"></li>
						</ul>
					</div>
					<div class="phone">151****183</div>
					<div class="phone my-account"><i></i>我的账户</div>
				</div>
				<div class="personal-tab-nav">
					<ul class="nav-list">
						<li class="list-item ">
							<i></i>我的资产<span></span>
						</li>
						<li class="list-item">
							<i></i>我的银行卡<span></span>
						</li>
						<li class="list-item per-active">
							<i></i>个人信息<span></span>
						</li>
						<li class="list-item">
							<i></i>消息中心<span></span>
						</li>
						<li class="list-item">
							<i></i>我的推荐<span></span>
						</li>
					</ul>
				</div>
			</div>
			<div class="personal-right">
				<div class="notice-box">
					<i></i>
					<div class="text">你投标的兴泰PRJ2016004800171884项目， 出资金额1010.50元，预期收益6.00元，投标成功。</div>
			</div>
				<div class="tab-item" id="mines">
					<div class="title">个人信息</div>
					<div class="basic-info-box">
						<div class="info">
							<div class="info-title">基本信息</div>
							<ul class="info-list">
								<li>
									<span class="label">手机号码</span><span class="con">1186******66</span>
								</li>
								<li>
									<span class="label">登录密码</span><span class="con">***********</span><a href="javascript:void(0);" id="modifiy">修改</a>
								</li>
								<li>
									<span class="label">注册时间</span><span class="con">2016-03-04 07:21:43</span>
								</li>
								<li>
									<span class="label">上次登录时间</span><span class="con">2017-03-02 15:02:19 </span>
								</li>
							</ul>
						</div>
					</div>
						<div class="change hide">
							<div class="change-list">
								<div class="change-item">
									<label>当前密码</label><input type="password" placeholder="请输入当前密码">
								</div>
								<div class="change-item">
									<label>新密码</label><input type="password" placeholder="请输入新密码">
								</div>
								<div class="change-item">
									<label>确认新密码</label><input type="password" placeholder="请确认新密码">
								</div>
								<div class="change-item phone-code">
									<label>手机验证码</label><input type="text" placeholder="请输入验证码" ><span class="get-code-btn">获取验证码</span>
								</div>
								<div class="change-btn">立即修改</div>
							</div>
						</div>
					<div class="confirm-name">
					<div class="t-name ">
						<ul class="name-list">
							<li>
								<span class="label name-title">实名认证信息</span>
								<i class="" ></i>
								<span class="label">未认证</span>
							</li>
							<li>
								<span class="label">真实姓名：</span><span class="con">您还未实名认证 <a href="javascript:void(0);">实名认证</a></span>
							</li>
							<li>
								<span class="label">身份证号：</span><span class="con">未认证</span>
							</li>
						</ul>
					</div>
					<div class="t-name hide">
						<ul class="name-list">
							<li>
								<span class="label name-title">实名认证信息</span>
								<i class="check-left"></i>
								<span class="label">已认证</span>
							</li>
							<li>
								<span class="label">真实姓名：</span><span class="con">**</span>
							</li>
							<li>
								<span class="label">身份证号：</span><span class="con">**************0000</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
	</div>
</div>
	<div class="footer">
		<div class="com-width clearfix">
			<div class="foot-left fl clearfix">
				<dl>
					<dt><img src="../images/about.png" alt="关注我们"></dt>
					<dd>
						<p>客服热线</p>
						<p class="number"><span class="phone"></span>0351-8656555</p>
						<p>服务时间：工作日 09:00-18:00</p>
					</dd>
				</dl>
			</div>
			<div class="foot-right fr">
				<p>
					<a href="#" >帮助中心</a>
					<a href="#">关于我们</a>
					<a href="#">常见问题 </a>
					<a href="#" class="help">平台公告</a>
				</p>
				<p class="info">Copyright©2016 北京麦乐科信息科技有限公司 | 京 ICP 17011867号</p>
				<p class="skill">平台技术运营服务商<span class="mailekelogo"></span></p>
			</div>
		</div>
	</div>
</body>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-placeholder/2.3.1/jquery.placeholder.min.js"></script>
<script src="../js/personal_common.js"></script>
<script src="../js/common.js"></script>
<script>
	$("#modifiy").on("click",function(){
		$(".change").show();
	});

	$(".change-btn").on("click",function(){
		$(".change").hide();
	});
</script>
</html>